<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Recruitment Process System</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    Author: Tu Nhat Van
*/
#slider li { width:760px; height:348px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,#nextBtn { display:block; margin:0; overflow:hidden; width:13px; height:28px; position:absolute; left: -13px; top:-210px; }
#nextBtn { left:760px; }
#prevBtn a { display:block; width:13px; height:28px; background:url(images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:13px; height:28px; background:url(images/r_arrow.png) no-repeat 0 0; }
</style>
</head>
<body>
  <div class="main">
  <div class="header">
    <div class="block_header">
      <div class="clr"></div>
      
        
    </div>
  </div>
  
  <div class="clr"></div>
  <div class="body">
    <div class="topi"><div class="clr"></div></div>
    <div class="body_resize">     
  <div class="product">
        <form>
        <div class="header">
    <div class="block_header">
      <div class="logo"><a href="index.html"><img src="images/logo.jpg" width="220" height="80" border="0" alt="logo" /></a>
      
      </div>
      <div style="float:right;margin-right:20px;margin-top:20px">
      <p style="font-size:24px;color:#666;font-weight:600;font-family:Tahoma, Geneva, sans-serif">HTH Company Ltd</p>
      <p style="font-size:14px;color:#666;font-weight:300;font-family:Tahoma, Geneva, sans-serif;text-align:right">Phone: 01202540053 -Email : hth@hth.com</p>
      <p style="font-size:14px;color:#666;font-weight:300;font-family:Tahoma, Geneva, sans-serif;text-align:right"></p>
      </div>
      <div class="clr"></div>
      
        
    </div>
  </div>
       <div style="text-align:center">
         <p style="font-size:24px;color:#03C;font-weight:bolder;font-family:Tahoma, Geneva, sans-serif">TOP 10 VACANCIES <br />
          QUANTITY APPLICANT APPLIED</p></div>
      <div style="margin-left:30px"><p style="font-size:14px;color:#03C;font-weight:bolder;font-family:Tahoma, Geneva, sans-serif">Date : 20-03-2012</p></div>
             <table width="98%"  class="table">
        <th width="8%" scope="col" align="center">No.</th>
        <th width="14%" scope="col" align="center">Vacancy ID</th>
        <th width="28%" scope="col" align="center">Vacancy Name</th>
        <th width="15%" scope="col" align="center">Start Date</th>
        <th width="15%" scope="col" align="center">End Date</th>
        <th width="8%" scope="col" align="center">Slot</th>
        <th width="12%" scope="col" align="center">Quantity</th>
        <tr align="center">
        <td>1</td>
        <td>V0001</td>
        <td>Accountant</td>
        <td>1/1/2012</td>
        <td>2/2/2012</td>
        <td>5</td>
        <td>3</td>
        </tr>
           <tr align="center">
        <td>2</td>
        <td>V0002</td>
        <td>Project Manager</td>
        <td>12/1/2012</td>
        <td>27/2/2012</td>
        <td>2</td>
        <td>80</td>
        </tr>
          <tr align="center">
        <td>3</td>
        <td>V0007</td>
        <td>RnD Manager</td>
        <td>14/1/2012</td>
        <td>24/2/2012</td>
        <td>1</td>
        <td>70</td>
        </tr>
         <tr align="center">
        <td>4</td>
        <td>V0008</td>
        <td>Programmer</td>
        <td>13/2/2012</td>
        <td>23/3/2012</td>
        <td>50</td>
        <td>60</td>
        </tr>
         <tr align="center">
        <td>5</td>
        <td>V0021</td>
        <td>Team Leader</td>
        <td>1/2/2011</td>
        <td>2/4/2011</td>
        <td>5</td>
        <td>50</td>
        </tr>
        <tr align="center">
         <td>6</td>
        <td>V0023</td>
        <td>Sale</td>
        <td>1/1/2012</td>
        <td>2/2/2012</td>
        <td>5</td>
        <td>40</td>
        </tr>
           <tr align="center">
        <td>7</td>
        <td>V0034</td>
        <td>System Analyse</td>
        <td>12/1/2012</td>
        <td>27/2/2012</td>
        <td>2</td>
        <td>35</td>
        </tr>
          <tr align="center">
        <td>8</td>
        <td>V0035</td>
        <td>Tester</td>
        <td>14/1/2012</td>
        <td>24/2/2012</td>
        <td>5</td>
        <td>30</td>
        </tr>
         <tr align="center">
        <td>9</td>
        <td>V0040</td>
        <td>Designer</td>
        <td>13/2/2012</td>
        <td>23/3/2012</td>
        <td>50</td>
        <td>25</td>
        </tr>
         <tr align="center">
        <td>10</td>
        <td>V0044</td>
        <td>Gamer</td>
        <td>1/2/2011</td>
        <td>2/4/2011</td>
        <td>10</td>
        <td>20</td>
        </tr>
  <tfoot>
      <th colspan="7" align="center" style="color:#FFF">
                </th>
</tfoot>
      </table> 
        </form>    
      </div> 
  	</div>
  <div class="footer">
    <div class="resize">
      <div>
        <p class="footer_logo">&nbsp;</p>
        <p>Copyright © JunF. All Rights Reserved<br />
          <a href="index.html">Home</a> | <a href="contact.html">Contact</a></p>
      </div>
    </div>
    <p class="clr"></p>
  </div>
</div>
</body>
</html>